<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>港湾TV</title>
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script src="js/flexible.min.js"></script>
</head>

<body>
	<div class="container tv">
		<div class="tab-list">
			<div class="tab-item active"><span>热门话题</span></div>
			<div class="tab-item"><span>健康知多点</span></div>
			<div class="tab-item"><span>油管长知识</span></div>
			<div class="tab-item"><span>大V有话说</span></div>
		</div>
		<!-- 视频列表 -->
		<div class="productList video-list">
			<div class="tips">
				<div>本栏目由港湾进口网络深圳有限公司提供服务</div>
				<span>信息网络传播视听节目许可证 | 编号：2349508</span>
			</div>
			<ul class="content">
				<li class="item video-item">
					<div class="video-box">
						<img class="face" src="images/home/tv01.jpg" alt="">
						<img class="play" src="images/home/play.png" alt="">
						<div class="times">2"15'</div>
					</div>
					<div class="video-title">
						<img class="icon" src="images/home/youtube.png" alt="">
						<div class="tit">
							# 新冠疫苗到底应不应该现在打
							<span>@Youtube</span>
						</div>
						<div class="right">
							<img src="images/home/view.png" alt="">415
						</div>
					</div>
				</li>
				<li class="item video-item">
					<div class="video-box">
						<img class="face" src="images/home/tv02.jpg" alt="">
						<img class="play" src="images/home/play.png" alt="">
						<div class="times">2"15'</div>
					</div>
					<div class="video-title">
						<img class="icon" src="images/home/youtube.png" alt="">
						<div class="tit">
							# 隆胸到底有没有后遗症
							<span>@Youtube</span>
						</div>
						<div class="right">
							<img src="images/home/view.png" alt="">869
						</div>
					</div>
				</li>
				<li class="item video-item">
					<div class="video-box">
						<img class="face" src="images/home/tv01.jpg" alt="">
						<img class="play" src="images/home/play.png" alt="">
						<div class="times">2"15'</div>
					</div>
					<div class="video-title">
						<img class="icon" src="images/home/youtube.png" alt="">
						<div class="tit">
							# 新冠疫苗到底应不应该现在打
							<span>@Youtube</span>
						</div>
						<div class="right">
							<img src="images/home/view.png" alt="">415
						</div>
					</div>
				</li>
				<li class="item video-item">
					<div class="video-box">
						<img class="face" src="images/home/tv02.jpg" alt="">
						<img class="play" src="images/home/play.png" alt="">
						<div class="times">2"15'</div>
					</div>
					<div class="video-title">
						<img class="icon" src="images/home/youtube.png" alt="">
						<div class="tit">
							# 隆胸到底有没有后遗症
							<span>@Youtube</span>
						</div>
						<div class="right">
							<img src="images/home/view.png" alt="">869
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="page-bottom">
			- 我们是有底线的 -
		</div>
	</div>
	<div class="nav-bar">
		<div class="box">
			<a class="menu" href="home.html">
				<img class="off" src="images/bar/menu1_off.png" alt="">
				<img class="on" src="images/bar/menu1_on.png" alt="">
				首页
			</a>
			<a class="menu current" href="tv.html">
				<img class="off" src="images/bar/menu2_off.png" alt="">
				<img class="on" src="images/bar/menu2_on.png" alt="">
				港湾TV
			</a>
			<a class="menu" href="my.html">
				<img class="off" src="images/bar/menu3_off.png" alt="">
				<img class="on" src="images/bar/menu3_on.png" alt="">
				我的
			</a>
		</div>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script>
		$(function () {
			$('.tab-item').click(function () {
				$('.tab-item').removeClass('active');
				$(this).addClass('active');
			})
		})
	</script>
</body>

</html>